
<div class="task-info">
        <div
                class="task-header"
                onclick="toggleTask('{{ task.task_instance_id|replace(' ', '_') }}', '{{ task.task_instance_id|replace(' ', '_') }}_toggle')"
        >
            <span id="{{ task.task_instance_id|replace(' ', '_') }}_toggle">+</span>

            <div class="task-header-info">
                {% if task.task_status == 'SUCCESS' %}
                <span class="success">&nbsp;{{ task.task_name }}</span>
                {% elif task.task_status == 'FAILURE'%}
                <span class="failure">&nbsp;{{ task.task_name }}</span>
                {% elif task.task_status == 'RUNNING'%}
                <span class="running">&nbsp;{{ task.task_name }}</span>
                {% elif task.task_status == 'PENDING'%}
                <span class="pending">&nbsp;{{ task.task_name }}</span>
                {% elif task.task_status == 'STOP'%}
                <span class="stop">&nbsp;{{ task.task_name }}</span>
                {% elif task.task_status == 'TIMEOUT'%}
                <span class="timeout">&nbsp;{{ task.task_name }}</span>
                {% else %}
                <span class="paused">&nbsp;{{ task.task_name }}</span>
                {% endif %}

                <span class="elapsed" style="width: 60px">{{ task.elapsed }}</span>
            </div>
        </div>
        <div class="task-body" id="{{ task.task_instance_id|replace(' ', '_') }}">
            <ul>
                <li class="test-case">
                    <span class="task-item {{ task.task_status|lower }}">{{ task.task_name }} -{{ task.task_status }} </span>
                    <br/><span class="task-item">任务ID:</span>{{ task.task_id }}
                    <br/><span class="task-item">实例ID:</span>{{ task.task_instance_id }}
                    <br/><span class="task-item">开始时间:</span>{{ task.start_time }}
                    <br/><span class="task-item">结束时间:</span>{{ task.end_time }}
                    <br/><span class="task-item">任务参数:</span>
                    {% if task.method_kwargs %}
                        <pre>{{ task.method_kwargs | safe }}</pre>
                    {% endif %}
<!--                    <br/><span class="task-item">任务配置:</span>-->
<!--                    <pre>{{ task.task_config | safe }}</pre>-->
                    {% if task.task_result %}
                    <br/><span class="task-item">任务结果:</span>
                    <pre>{{ task.task_result | safe }}</pre>
                    {% endif %}

                    {% if task.logs %}
                        <br/><span class="task-item">任务日志:</span>
                        <pre>{{ task.logs | safe }}</pre>
                    {% endif %}

                    {% if task.task_error_info %}
                    <br/><span class="task-item">任务异常:</span>
                    <pre>{{ task.task_error_info | safe }}</pre>
                    {% endif %}

                    {% if task.image %}
                    <br/><img src="{{ task.image }}" alt="图像" onclick="showModal(this)"/>
                    {% endif %}
                </li>
            </ul>
            {% if task.children %}
                {% for task in task.children %}
                    {% include 'task_details.html' %}
                {% endfor %}
            {% endif %}
        </div>
    </div>